<!DOCTYPE html>
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target-densitydpi=medium-dpi" />
<title>LAYOUT</title>
<link rel="stylesheet" href="css/wiki.css?ts=<?php echo time();?>">
<script type="text/javascript" src="http://static.localhost/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/wiki.js"></script>
</head>
<body>

<section id="ct" class="ct">

<!-- list  -->
<header class="mod_head">
    <h2 class="mod_title"><span>List List List List List List List </span></h2>
    <button class="btn_srch">search</button>
    <nav class="nav_wk b01"> <!-- [D] class opt => b00, b10, b01 -->
        <a href="" class="f">Front</a>
        <a href="" class="l">List</a>
    </nav>
    <form action="" class="srch">
        <fieldset>
        <legend>검색</legend>
            <span><input type="search" placeholder="Search..." /></span>
        </fieldset>
    </form>     
</header>
<ul class="entries">
    <li><a href="">Developer guide (v1.4.5)</a><i class="icon_arr_cg"></i></li>
    <li><a href="">Developer guide (v1.4.5)</a><i class="icon_arr_cg"></i></li>
    <li><a href="">Developer guide (v1.4.5)</a><i class="icon_arr_cg"></i></li>
    <li><a href="">Developer guide (v1.4.5)</a><i class="icon_arr_cg"></i></li>
    <li><a href="">Developer guide (v1.4.5)</a><i class="icon_arr_cg"></i></li>
</ul>
<footer class="list_btm">
    <a href="" class="more">More<i class="icon_arrow_dn"></i></a>
    <a href="#ct" class="top">Top</a>
</footer>

<!-- front, view -->
<header class="mod_head">
    <h2 class="mod_title"><span>Front Front Front Front Front Front </span></h2>
    <button class="btn_srch">search</button>
    <nav class="nav_wk b10"> <!-- [D] class opt => b00, b10, b01 -->
        <a href="" class="f">Front</a>
        <a href="" class="l">List</a>
    </nav>
    <form action="" class="srch">
        <fieldset>
        <legend>검색</legend>
            <span><input type="search" placeholder="Search..." /></span>
        </fieldset>
    </form>
</header>
<article class="wk_article">
    <!-- posted_content -->
    <h2 style="font-size:15px;font-weight:bold">Viewport setting for web</h2>
    <p style="color:#7c7c7c;">Here we go this is edited by xeed editor live.</p>
    <h2 style="font-size:15px;font-weight:bold">Getting started</h2>
    <a href="">Coding guidelines</a>
    <a href="">Coding guidelines</a>
    <h2 style="font-size:15px;font-weight:bold">Getting started</h2>
    <a href="">Coding guidelines</a>
    <a href="">Coding guidelines</a>
    <br />
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    <!-- posted_content -->
</article>
<footer class="ctrl_btm">
    <nav class="nav_view">
        <ul>
        <li><a href="" class="ui_txt_sty off">Prev</a></li>
        <li><a href="" class="ui_txt_sty">Comments</a></li>
        <li><a href="" class="ui_txt_sty">Next</a></li>
        </ul>
    </nav>
</footer>

<!-- Comments -->
<header class="mod_head">
    <h2 class="mod_title"><span>Front Front Front Front Front Front </span></h2>
    <button class="btn_srch">search</button>
    <nav class="nav_wk b00"> <!-- [D] class opt => b00, b10, b01 -->
        <a href="" class="f">Front</a>
        <a href="" class="l">List</a>
    </nav>
    <form action="" class="srch">
        <fieldset>
        <legend>검색</legend>
            <span><input type="search" placeholder="Search..." /></span>
        </fieldset>
    </form>
</header>
<ul class="comments">
    <li>
        <p class="comment">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
        proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        <span class="meta">12/04/05 by Guest</span>
    </li>
    <li>
        <p class="comment">Here we go this is edited by xeed editor live space hiding that join and i used in an floats.</p>
        <span class="meta">12/04/05 by Guest</span>
    </li>
    <li>
        <p class="comment">Here we go this is edited by xeed editor live space hiding that join and i used in an floats.</p>
        <span class="meta">12/04/05 by Guest</span>
    </li>
</ul>
<footer class="ctrl_btm">
    <a href="" class="blue_btn ui_txt_sty">Add Comments</a>
</footer>

 <!-- add comment -->
<header class="mod_head">
    <h2 class="mod_title"><span>Front Front Front Front Front Front </span></h2>
    <button class="btn_srch">search</button>
    <nav class="nav_wk b00"> <!-- [D] class opt => b00, b10, b01 -->
        <a href="" class="f">Front</a>
        <a href="" class="l">List</a>
    </nav>
    <form action="" class="srch">
        <fieldset>
        <legend>검색</legend>
            <span><input type="search" placeholder="Search..." /></span>
        </fieldset>
    </form>
</header>
<form action="" class="cm_form">
    <fieldset>
        <legend class="blind">add comment</legend>
        <ul class="g">
            <li class="sl"><label for="userName" class="lft">Name</label><span class="field"><input type="text" id="userName" placeholder="Name"></span></li>
            <li class="sl"><label for="userPw" class="lft">Password</label><span class="field"><input type="password" id="userPw" placeholder="Password"></span></li>
            <li class="sl"><label for="emailAddress" class="lft">Email</label><span class="field"><input type="email" id="emailAddress" placeholder="Email"></span></li>
            <li class="ml">
                <label for="" class="lft">Comment</label>
                <span class="field"><textarea name="" id="" cols="30" rows="10" placeholder="Comment"></textarea></span>
            </li>
        </ul>
    </fieldset>
    <fieldset>
        <legend class="blind">add comment</legend>
        <ul class="m">
            <li class="sl"><label for="">Comment:</label></li>
            <li class="ml"><span class="field"><textarea name="" id="" cols="30" rows="10" placeholder="Comment"></textarea></span></li>
        </ul>
    </fieldset>
</form>
<footer class="ctrl_btm"><a href="" class="blue_btn ui_txt_sty">AddComments</a></footer>    
<!-- //모듈 -->
</section>
</body>
</html>